<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <title>详情</title>
    <style>.icon-Star{
        color:red;
    }</style>
</head>
<body data-id="">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>服务商管理<span class="c-gray en">&gt;</span> 服务商售后管理 <span class="c-gray en">&gt;</span>详情<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="form-member-add"  method="post">
        <div class="bg-1 bk-gray pd-20 mb-20">
            <div class="va-m lh-20 f-16 pb-15">
            <strong>状态：<span id="orderState"></span></strong>
              <span class=" ">
              <a onclick="cancelorder()" id="detailCancel" class="btn btn-secondary radius size-S ml-20" style="display: none">取消</a>
              <a onclick="receiptCertificate()" id="rejectCheck" class="btn radius size-S ml-20" style="display: none">查看退货凭证</a>
              </span>
            </div>
        </div>
        <div class="bg-1 bk-gray pd-20 mb-20">
            <div class="va-m lh-20 f-14 pb-15">
                <strong>基本信息</strong>
            </div>
            <div class="line"></div>
            <div class="pd-20 mb-20">
                <table>
                    <tr>
                        <td class="col-3-l">申请编号：<span id="applyNo"></span></td>
                        <td class="col-3-1">订单号：<span id="orderId"></span>&nbsp;&nbsp;
                            &nbsp;<a onclick="checkOrder('订单详情','../order/orderDetails.html')">查看订单</a></td>
                        <td class="col-3-1">类型：<span id="refundSorce"></span></td>
                    </tr>
                    <tr>
                        <td class="col-3-l">客户名称：<span id="customerName"></span></td>
                        <td class="col-3-1">销售经理：<span id="salesManagerName"></span></td>
                        <td class="col-3-1">开发票状态：<span id="baseInvoiceType"></span></td>
                    </tr>
                </table>
            </div>
            <!--审核信息-->
            <div id="confirmInfo">
                <div class="va-m lh-20 f-14 pb-15">
                    <strong id="check">操作信息</strong>
                </div>
                <div class="line"></div>
                <div class="pd-20 mb-20">
                    <table>
                        <tr>
                            <td class="col-3-1">操作时间：<span id="operatorTime"></span></td>
                            <td class="col-3-1">操作人：<span id="operator"></span></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="col-1-1">审核说明：<span id="auditInfo"></span></td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="va-m lh-20 f-14 pb-15">
                <strong>退货申请信息</strong>
            </div>
            <div class="line"></div>
            <div class="pd-20 mb-20">
                <table>
                    <tr>
                        <td class="col-3-1">退货渠道：<span id="refundRole"></span></td>
                        <td class="col-3-1">退货原因：<span id="refundReason"></span></td>
                        <td class="col-3-1">问题描述：<span id="problemRemark"></span></td>
                    </tr>
                    <tr>
                        <td class="col-3-1">取货地址：<span id="receiveGoodsAddress"></span></td>
                        <td class="col-3-1">申请时间：<span id="applyDate"></span></td>
                        <td class="col-3-1">申请操作人：<span id="applyOperator"></span></td>
                    </tr>
                    <tr >
                        <td class="col-3-1">凭证信息：<span id="orderProof"></span></td>
                        <td class="col-3-1">取货方式：<span id="pickupMethod"></span></td>
                    </tr>
                    <tr>
                        <td class="col-3-1">前台退货原因：<span id="beforeReturnReason"></span>
                    </tr>
                    <tr>
                        <td colspan="3" class="col-1-1" id="proofPics">

                        </td>
                    </tr>
                </table>
            </div>
            <div class="va-m lh-20 f-14 pb-15">
                <strong>商品信息</strong>
            </div>
            <div class="pd-20 mb-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort mt-10" id="datatable">
                    <thead>
                    <tr class="text-c">
                        <th style="width: 300px;">商品</th>
                        <th>购买数量</th>
                        <th>商品售价</th>
                        <th>商品采购价</th>
                        <th>退货数量</th>
                    </tr>
                    </thead>
                    <tbody class="shun">
                    </tbody>
                </table>
            </div>
            <div id="refundInfo">
                <div class="va-m lh-20 f-14 pb-15">
                    <strong>退款信息</strong>
                </div>
                <div class="line"></div>
                <div class="pd-20 mb-20" >
                    <table>
                        <tr>
                            <td class="col-3-1">退款商品金额：<span id="refundProductAmount"></span>元</td>
                            <td class="col-3-1">退货商品分摊运费：<span id="returnShippingFee"></span>元</td>
                            <td class="col-3-1">优惠券分摊金额：<span id="couponShippingAmount"></span>元</td>
                        </tr>
                        <tr>
                            <td class="col-3-1">开发票状态：<span id="baseInvoiceType2"></span></td>
                            <td class="col-3-1" ></td>
                            <td class="col-3-1"></td>
                        </tr>
                        <tr>
                            <td class="col-3-1"><span class="icon-Star">*</span>服务费：<span id="serviceFee"></span>元</td>
                            <td>
                                <span class="c-red pr-5">*</span>退运费金额：<span id="returnFreightAmount"></span> 元
                                <!--<a style="margin-left: 10px" class="return_freight" onclick="setReturnFreight(1)">退运费</a>
                                <a style="margin-left: 10px" class="return_freight" onclick="setReturnFreight(0)">不退运费</a>-->
                            </td>
                            <td class="col-3-1"><span class="icon-Star">*</span>取货收取运费：<span id="collectionGoodsFreight"></span>元
                        </tr>
                        <tr><td class="col-3-1">应退金额：<span id="shouldReturnAmount"></span>元</td>
                            <td class="col-3-1">立减分摊：<span id="returssnMoney">0.00</span>元</td>
                            <td class="col-3-1">积分分摊金额：<span id="returnMddoney">0.00</span>元</td>
                        </tr>
                        <tr><td class="col-3-1">公司名称：<span id="companyName"></span></td>
                            <td class="col-3-1"></td>
                            <td class="col-3-1"></td>
                        </tr>
                        <tr>
                            <td colspan="2"><span style="position:relative;bottom: 90px"><span class="icon-Star">*</span>退款备注：</span>
                            <textarea name="" id="refundDesc" style="resize: none;width:400px;height:100px" placeholder="请填写与客户确认的退款方式及其金额，方便财务/收银员实施退款操作"></textarea></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div id="receiptCertificates" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
            <div class="modal-dialog" style="margin-top: 34px;">
                <div class="modal-content radius" style="height: 330px;width: 530px;max-height: 336px;overflow-y: auto;">
                    <div class="info" style="margin-top: 25px">
                        <div class="clearfix">
                            <label class="ml-10">收货凭证：</label>
                            <span id="proofUrls">

                            </span>
                        </div>
                        <div class="clearfix">
                            <label class="ml-10">收货备注：</label><span id="proofRemark"></span>
                        </div>

                    </div>
                    <div class="text-c" style="padding-top: 8px;"><a onclick="closereceiptCertificates()" class="btn radius size-L ml-10">关闭</a></div>
                </div>

            </div>
        </div>

    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../../ht-js/serviceProvider/afterSales/afterSales_details.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<script src="../../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
</body>
</html>